<!--
author:王晓，田新宇，杨光
create time:2020-07-16
update time:2020-07-21
 -->
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
    <title> 课程详情 </title>
    <meta charset="utf-8">
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">

    <!-- Google Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Raleway:300,400%7COpen+Sans:400,400i,700%7CLibre+Baskerville:400i'
          rel='stylesheet'>

    <!-- Css文件 -->
    <link rel="stylesheet" href="../../../static/bootstrap-3.3.7-dist/css/detail.css"/>


</head>

<body class="">
<div id="g-container">

    <div class="web-nav-container">
        <div class="m-navTop-func">
            <div class="m-navTop-func-i">
                <div class="u-navLogin-container">
                    <div class="u-navLogin-logo new-nav-spoc-logo">
                        <img width="115" height="65" src="../../../static/images/logo.png">
                    </div>
                    <div class="u-navLogin-school">
                        <a href="/index/ target=" _top">
                        <span class="nav">首页</span>
                        </a>
                    </div>
                    <div class="u-navLogin-school">
                        <a href="/course/" target="_top">#../../../user/templates/course/course.html
                            <span class="nav">课程</span>
                        </a>
                    </div>
                    <div class="u-navLogin-school">
                        <a href="/user_center/" target="_top">
                            <span class="nav">个人中心</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="g-body">
        <div class="m-top f-cb f-pr f-f0">
            <div class="g-flow">
                <div id="j-breadcrumb">
                    <div class="breadcrumb">
                        <!--Regular list-->
                        <!--Regular if22-->
                        <!--Regular if23-->
                        <a href="/course/" class="breadcrumb_item">所有课程</a>
                    </div>
                </div>
            </div>

            <div class="g-sd1">
                <div class="u-courseCardWithTime-img">
                    <img width="400" height="240" alt="" src="{{ course_obj.course_img }}"
                         class="u-courseCardWithTime-img_img161">
                </div>

            </div>
            <div class="rt">
                <h3>{{ course_obj.course_name }}</h3>
                <div class="teachers">
                        <span>
                            <b>主讲教师：</b>
                            {{ course_obj.course_teacher }}
                        </span>
                </div>
                <div class="current">
                    <div>
                        <p>开课大学：{{ course_obj.course_school }}</p>
                        <p>课程类型：<a>{{ course_obj.course_type }}</a>
                        </p>
                        <p>课程学分：{{ course_obj.course_credit }}</p>
                        <p>开课时间：{{ course_obj.course_time }}</p>
                        <!--<p>课程时间：{{x.time}}</p>-->
                        <p>开课状态：{{ course_obj.course_status }}</p>
                        <input type="hidden" value="" id="collegeUrl">
                    </div>
                    <div style="height:20px;">
                        <p class="cb"></p>
                    </div>
                </div>
                <div class="btn">
                    <form action="/course_choose/" method="post">
                        {% csrf_token %}
                        <input type="text" name="course_id" hidden="hidden" value="{{ course_obj.id }}">
                        <button type="submit" class="btn btn-primary pull-right">选课</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="g-flow">
            <div class="g-wrap f-cb">
                <div class="g-mn2">
                    <div class="g-mn2c f-bgw m-infomation f-f0">
                        <div id="content-section" class="m-infomation_content-section">
                            <div id="j-rectxt" class="f-dn">
                                spContent=!
                            </div>
                            <div class="category-title f-f0">
                                <span class="category-title_icon f-ib f-vam u-icon-categories"></span>
                                <span class="f-ib f-vam">课程概述</span>
                            </div>
                            <div class="category-content j-cover-overflow">
                                <div class="f-richEditorText">
                                    <p style="margin: 0 0 0;font-size: medium;font-family: 宋体;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);white-space: normal;text-align: justify;text-indent: 32px;line-height: 21px">
                                        <span style="font-size: 15px">{{ course_obj.course_outline }}</span>
                                    </p>

                                </div>
                            </div>
                            <div class="category-title f-f0">
                                <span class="category-title_icon f-ib f-vam u-icon-scholar"></span>
                                <span class="f-ib f-vam">课程内容</span>
                            </div>
                            <div class="category-content j-cover-overflow">
                                <div class="f-richEditorText">
                                    <p style="margin: 0 0 0;font-size: medium;font-family: 宋体;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);white-space: normal;text-align: justify;text-indent: 32px;line-height: 21px">
                                        {{ course_obj.course_content }}
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div id="comment-section"></div>
                    </div>
                    <div class="recommend-bottom" id="j-recommend-bottom"></div>
                </div>
                <div class="g-sd2 m-sd2">
                    <div class="m-sdCourse" id="j-sdCourse"></div>
                    <div class="m-sdinfo" id="j-sdinfo">
                        <div id="j-center" class="m-center f-dn"></div>
                        <div class="f-bgw" id="j-teacher"></div>
                        <div id="j-fix-parent">
                            <div class="recommend-side" id="j-recommend-side"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            (function () {
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = '//zz.bdstatic.com/linksubmit/push.js';
                } else {
                    bp.src = '//push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
    </div>

</div>
</body>
</html>

